// 全局滚动条样式
$--scrollbar-thumb-background: hsla(0,0%,40%,.3);
$--scrollbar-track-background: #e5e5e5;

::-webkit-scrollbar {
  z-index: 11;
  width: 6px;

  &:horizontal {
    height: 6px;
  }

  &-thumb {
    border-radius: 5px;
    width: 6px;
    background: $--scrollbar-thumb-background;
  }

  &-corner {
    background: $--scrollbar-track-background;
  }

  &-track {
    background: $--scrollbar-track-background;

    &-piece {
      background: $--scrollbar-track-background;
      width: 6px;
    }
  }
}

html{
  scroll-behavior: smooth;
}